html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法

您所在的位置:网站首页 网页type hidden html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法

html5 中 audio 设置 autoplay 仍无法自动播放音频的解决办法

2023-07-03 14:59| 来源: 网络整理| 查看: 265

问题引出

在测试中,发现audio设置autoplay属性,页面加载完成无法自动播放音频,很是费解。 代码如下:

如果有哪位大神知道为什么属性都设置了还无法自动播放,还请指教。

关于html5中audio的用法参见:菜鸟教程:https://www.runoob.com/tags/tag-audio.html

知识点

audio不单单是个标签, 也是window下的一个对象,对象就有属性和方法。 对象属性:

currentTime 获取当前播放时间 duration 获取歌曲的总时间 play 是否在播放 返回true/false pause 是否暂停 返回true/false

对象方法:

play() 播放歌曲 pause() 暂停歌曲 load()重新加载歌曲 解决方案

这里提供一种解决方案: 在页面加载完成后执行js函数,判断audio标签的对象是否在播放,没播放的话执行play()方法。 具体代码如下:

window.onload = function(){ setInterval("toggleSound()",100); } function toggleSound() { var music = document.getElementById("vd");//获取ID if (music.paused) { //判读是否播放 music.paused=false; music.play(); //没有就播放 } } 参考 HTML 标签HTML5音频标签audio无法播放的问题


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3